<template>
  <div>
    <!--
            传递数据： 属性中传递
            传递标签： 在标签内部传递
         -->
    <SonSlot>

      <template #default="scope">
        <div v-for="stu,index in scope.list" :key="index">
          {{ stu.name }}- {{ stu.age }}- {{ stu.gender }}
        </div>
      </template>
    </SonSlot>

    <SonSlot>
      <!-- 
        scope = {list:[]}
       -->
      <template #default="{list}">
        <div v-for="stu,index in list" :key="index">
          {{ stu.name }}- {{ stu.age }}- {{ stu.gender }}
        </div>
      </template>
    </SonSlot>

  </div>
</template>

<script>
import SonSlot from "./SonSlot";
export default {
  components: {
    SonSlot,
  },
};
</script>

<style></style>
